<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0" />
		<title>Xydesign</title>
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="assets/css/zixun.css" />
		<link rel="stylesheet" href="assets/css/work.css" />
		<link rel="stylesheet" href="assets/css/foot.css" />
		<link rel="stylesheet" href="assets/css/responsive.css">
		<!-- Web Icons Font -->
		<link rel="stylesheet" href="assets/css/et-line.css">
		<link rel="stylesheet" href="assets/css/ionicons.css">
		<link rel="icon" href="assets/images/favicon.ico" type="image/icon" />
		<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon" />
	</head>

	<body>
	<div class="header" id="top">
		<div class="container">
			<div class="logo">
				<a href="index.jsp">
					<img src="assets/images/logo.png" alt="Logo">
				</a>
			</div>

			<!-- Menu Hamburger (Default) -->
			<button class="main-menu-indicator" id="open-button">
				<span class="line"></span>
			</button>

			<div class="menu-wrap" style="background-image: url(assets/images/menu.jpg)">
				<div class="menu-content">
					<div class="navigation">
						<span class="fa fa-times fa-2x close-menu" id="close-button"></span>
						<div class="search-wrap js-ui-search">
							<input class="js-ui-text" type="text" placeholder="寻找你的梦想">
							<span class="eks js-ui-close"></span>
						</div>
					</div>
					<nav class="menu">
						<div class="menu-list">
							<ul>
								<li class="menu-item-has-children">
									<a href="index.jsp">首页</a>

								</li>
								<li class="menu-item-has-children">
									<a href="work.jsp">定制模板</a>
								</li>
								<li>
									<a href="zixun.html">资讯</a>
								</li>
								<li class="menu-item-has-children">
									<a href="about.jsp">关于我们</a>
									<ul class="sub-menu">
										<li>
											<a href="about.jsp">关于我们</a>
										</li>
										<li>
											<a href="about.jsp">给我们留言</a>
										</li>
										<li>
											<a href="about.jsp">寻找合作</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="userCenter.jsp">个人中心</a>
								</li>
								<li>
									<a href="login.jsp">登录</a>
								</li>
								<li>
									<a href="register.jsp">注册</a>
								</li>
							</ul>
						</div>
					</nav>

					<div class="hidden-xs">
						<div class="menu-social-media">
							<ul>
								<li>
									<a href="#"><i class="fa fa-facebook"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-twitter"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-weibo"></i></a>
								</li>
								<li>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</li>
							</ul>
						</div>

						<div class="menu-information">
							<ul>
								<li><span>电话:</span> 000 000 000</li>
								<li><span>邮箱:</span> info@mail.com</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- End of Menu Hamburger (Default) -->

		</div>
	</div>
		<section class="">
			<div class="container-fluid">
				<div class="col-md-12">
					<div class="col-md-2 "></div>
					<div class="col-lg-2 ">
						<h1>前端资讯</h1>
					</div>
				</div>

			</div>
		</section>
		<section class="container-fluid">
			<div class="col-md-12">
				<div class="col-md-2"></div>
				<article class="excerpt ecxerpt-1 col-md-8">
					<a class="focus col-md-4 " href="https://www.w3cways.com/2188.html">
						<img data-thumb="default" src="assets/images/web.jpg" class="thumb">
					</a>
					<header>
						<h2 class="col-md-8">
						<a href="https://www.w3cways.com/2188.html" title="web前端常见安全问题-Web前端(W3Cways.com) - Web前端学习之路">web前端常见安全问题</a>
					</h2>
					</header>
					<p class="note">随着互联网占领生活的方方面面，安全问题日益不容忽视，作为一个开发者，一些常见的安全问题一定要注意： 1，SQL注入 2，XSS 3，CSRF 1，SQL注入： 这个比较常见，可能大家也听说过，就是URL里面如果有对数据库进行操作的参数时，要...</p>
				</article>
			</div>
		</section>
		<section class="container-fluid">
			<div class="col-md-12">
				<div class="col-md-2"></div>
				<article class="excerpt ecxerpt-2 col-md-8">
					<a class="focus col-md-4 " href="https://www.w3cways.com/1740.html">
						<img data-src="https://www.w3cways.com/wp-content/uploads/2015/01/responsive.jpg" alt="谈响应式web设计代码实现(转)-Web前端(W3Cways.com) - Web前端学习之路" src="https://www.w3cways.com/wp-content/uploads/2015/01/responsive.jpg" class="thumb" style="display: inline;">
					</a>
					<header>
						<h2 class="col-md-8 ">
						<a href="https://www.w3cways.com/1740.html" title="谈响应式web设计代码实现(转)-Web前端(W3Cways.com) - Web前端学习之路">谈响应式web设计代码实现(转)</a>
					</h2>
					</header>
					<p class="note">看到一篇介绍响应式设计的文章，写的很不错，转过来分享给大家。（下文中的mq,指的是media quary） 1. ie9以下（不包括ie9）采用ie条件注释，为ie8以及一下单独开一个样式文件 2. 一个模块的mq样式整体放在这个模块的样式...</p>
				</article>
			</div>
		</section>
		<section class="container-fluid">
			<div class="col-md-12">
				<div class="col-md-2"></div>
				<article class="excerpt ecxerpt-3 col-md-8">
					<a class="focus col-md-4 " href="https://www.w3cways.com/2183.html">
						<img data-thumb="default" src="assets/images/JavaScript.jpg" class="thumb">
					</a>
					<header>
						<h2 class="col-md-8 ">			
				
							<a href="https://www.w3cways.com/2183.html" title="# JavaScript中的对象-Web前端(W3Cways.com) - Web前端学习之路"># JavaScript中的对象</a>					
				
					</h2>
					</header>
					<p class="note">目前为止，很多人使用了Vue之后都感觉它是一个简单易用的框架，尤其是其中的双向绑定，更是让我们摆脱了操作DOM的繁琐 但是最近我在使用Vue的时候，遇到了这么一个问题，我是用了一个大约长度有1000的数组，其中的每个值都是一些丰富的对象。 ...</p>
				</article>
			</div>
		</section>

		<section class="container-fluid">
			<div class="col-md-12">
				<div class="col-md-2"></div>
				<article class="excerpt ecxerpt-3 col-md-8">
					<a class="focus col-md-4 " href="https://www.w3cways.com/2161.html">
						<img data-src="https://www.w3cways.com/wp-content/uploads/2017/08/nodejs.jpg" alt="基于nodejs环境搭建博客-Web前端(W3Cways.com) - Web前端学习之路" src="https://www.w3cways.com/wp-content/uploads/2017/08/nodejs.jpg" class="thumb" style="display: inline;">
					</a>
					<header>
						<h2 class="col-md-8 ">			
							<a href="https://www.w3cways.com/2161.html" title="基于nodejs环境搭建博客-Web前端(W3Cways.com) - Web前端学习之路">基于nodejs环境搭建博客</a>
												
					</h2>
					</header>
					<p class="note">&nbsp;nodejs服务器那么火，作为一个前端，不动手试试就对不起自己，以下是本人的一些个人经验，仅供参考 1.首先你要有一台服务器： 系统：Linux （本人选用的是centos6,其它机器不成功不要怪我） 配置需求:至少是256M内存，（前辈...</p>
				</article>
			</div>
		</section>

		<section class="container-fluid">
			<div class="col-md-12">
				<div class="col-md-2"></div>
				<article class="excerpt ecxerpt-3 col-md-8">
					<a class="focus col-md-4" href="https://www.w3cways.com/2255.html">
						<img src="assets/images/think.jpg" alt="（程序员）学习的一些思考，不涉及代码-Web前端(W3Cways.com) - Web前端学习之路" src="https://www.w3cways.com/wp-content/uploads/2018/04/coder-220x150.png" class="thumb" style="display: inline;">
					</a>
					<header>
						<h2 class="col-md-8 ">			
							<a href="https://www.w3cways.com/2255.html" title="（程序员）学习的一些思考，不涉及代码-Web前端(W3Cways.com) - Web前端学习之路">（程序员）学习的一些思考，不涉及代码</a>												
					</h2>
					</header>
					<p class="note">万物都有其运行规律和特征，学习也不例外，善于总结和掌握这些特征的人，才能成为其中的佼佼者。 有人以为魔方很难，看过教程，你会发现很容易。 有人以为五子棋很容易，看过专业知识，你会发现，先手有必胜的方式。 有人以为写文章很容易，却不知道有人只...</p>
				</article>
			</div>
		</section>
		<section class="container-fluid">
			<div class="col-md-12">
				<div class="col-md-2"></div>
				<article class="excerpt ecxerpt-3 col-md-8">
					<a class="focus col-md-4" href="https://www.w3cways.com/2240.html">
						<img data-src="https://www.w3cways.com/wp-content/uploads/2017/12/640.jpg" alt="小程序开放更多连接能力-Web前端(W3Cways.com) - Web前端学习之路" src="https://www.w3cways.com/wp-content/uploads/2017/12/640.jpg" class="thumb" style="display: inline;">
					</a>
					<header>
						<h2 class="col-md-8 ">			
							<a href="https://www.w3cways.com/2240.html" title="小程序开放更多连接能力-Web前端(W3Cways.com) - Web前端学习之路">小程序开放更多连接能力</a>											
					</h2>
					</header>
					<p class="note">小程序升级实时音视频录制及播放能力，开放 Wi-Fi、NFC(HCE) 等硬件连接功能。同时提供按需加载、自定义组件和更多访问层级等新特性，增强了第三方平台的能力，以满足日趋丰富的业务需求。</p>
				</article>
			</div>
		</section>
			<section class="container-fluid">
			<div class="col-md-12">
				<div class="col-md-2"></div>
				<article class="excerpt ecxerpt-3 col-md-8">
					<a class="focus col-md-4" href="https://www.w3cways.com/2239.html"><img data-thumb="default" src="assets/images/webD.jpg" class="thumb"></a>
					<header>
						<h2 class="col-md-8 ">			
							<a href="https://www.w3cways.com/816.html" title="web开发设计人员必用的在线web工具和应用-Web前端(W3Cways.com) - Web前端学习之路">web开发设计人员必用的在线web工具和应用</a>
					</h2>
					</header>
					<p class="note">前端开发相关 jsfiddle jsfiddle是老牌的在线调试和分享代码的网站，它可以帮助你在线调试javascript/css/html代码， 并且方便的发布到社区，论坛或者社交媒体上与朋友们分享或者提问。整合了很多的不同的类库供大家选...</p>
				</article>
			</div>
		</section>
	<!-- footer section -->
	<footer class="footer fadeInUp wow">
		<div class="container-fluid">
			<div class="col-md-2 left">
			</div>
			<div class="col-md-2 left">
				<h4>联系我们</h4>
				<p> 电话: 18875214426 <br> 邮箱 :
					<a href="mailto:xieyezi666@icloud.com"> xieyezi666@icloud.com </a>
				</p>
			</div>
			<div class="col-md-2 left">
				<h4>其他</h4>
				<ul class="footer-share">
					<li>
						<a href="#"><i class="fa fa-weibo"></i></a>
					</li>
					<li>
						<a href="#"><i class="fa fa-twitter"></i></a>
					</li>
					<li>
						<a href="#"><i class="fa fa-facebook"></i></a>
					</li>
					<li>
						<a href="#"><i class="fa fa-instagram"></i></a>
					</li>
				</ul>
			</div>
			<div class="col-md-3 right">
				<p>© 2018 All rights reserved.<br> Design with <i class="fa fa-heart pulse"></i> by
					<a href="http://www.xieyezi.com/">Xieyezi</a>
				</p>
			</div>
			<div class="col-md-3 right">
				<p class="text-center">
					<a href="#top" class="gototop"><i class="fa fa-chevron-up fa-2"></i></a>
				</p>
			</div>
		</div>
	</footer>
	<!-- footer section -->
	<script src="assets/js/jquery-1.11.1.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/isotope.pkgd.min.js"></script>
	<script src="assets/js/imagesloaded.pkgd.min.js"></script>
	<script src="assets/js/main.js"></script>
	<script src="assets/js/classie.js"></script>
	</body>

</html>